<template>
  <span>
    <i
      v-if="params.value === params.trueLabel"
      class="el-icon-check greenColor"
    />
    <i
      v-else-if="params.value === params.falseLabel"
      class="el-icon-close redColor"
    />
    <span v-else>{{ params.value }}</span>
  </span>
</template>

<script>

export default {
  name: 'BooleanCellRenderer',
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.greenColor,
.redColor {
  font-weight: 900;
  font-size: 14px;
}
</style>
